@charset "utf-8";


.stage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 37.5rem;
  height: 6rem;
  margin-left: -18.75rem;
  margin-top: -1.875rem;
}

svg {
  width: 3rem;
  height: 3rem;
  fill: #000;
}

/* Thunder Bolt Animation */
.thunder-cloud .bolt {
  -webkit-animation: flash 2s infinite;
          animation: flash 2s infinite;
}

@-webkit-keyframes flash {
  0% {
    -webkit-transform: translateY(-1.5625rem) translateX(1.5625rem) scaleY(0.95);
            transform: translateY(-1.5625rem) translateX(1.5625rem) scaleY(0.95);
    opacity: 0;
  }
  5%, 25% {
    opacity: 1;
  }
  15%, 20% {
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(0.5rem) translateX(-0.625rem);
            transform: translateY(0.5rem) translateX(-0.625rem);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateY(0.5rem) translateX(-0.625rem);
            transform: translateY(0.5rem) translateX(-0.625rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-1.5625rem) translateX(1.5625rem) scaleY(0.95);
            transform: translateY(-1.5625rem) translateX(1.5625rem) scaleY(0.95);
    opacity: 0;
  }
}

@keyframes flash {
  0% {
    -webkit-transform: translateY(-1.5625rem) translateX(1.5625rem) scaleY(0.95);
            transform: translateY(-1.5625rem) translateX(1.5625rem) scaleY(0.95);
    opacity: 0;
  }
  5%, 25% {
    /* opacity: 1; */
  }
  15%, 20% {
    /* opacity: 0; */
  }
  50% {
    -webkit-transform: translateY(0.5rem) translateX(-0.625rem);
            transform: translateY(0.5rem) translateX(-0.625rem);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateY(0.5rem) translateX(-0.625rem);
            transform: translateY(0.5rem) translateX(-0.625rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-1.5625rem) translateX(1.5625rem) scaleY(0.95);
            transform: translateY(-1.5625rem) translateX(1.5625rem) scaleY(0.95);
    opacity: 0;
  }
}

/* Raindrops Animation */
.rain-cloud .raindrop-one,
.rain-cloud .raindrop-two,
.rain-cloud .raindrop-three {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 1, 1);
          animation-timing-function: cubic-bezier(1, 0, 1, 1);
}

.rain-cloud .raindrop-one {
  -webkit-animation: falling-drop-one 2s infinite;
          animation: falling-drop-one 2s infinite;
}

.rain-cloud .raindrop-two {
  -webkit-animation: falling-drop-two 1.90s infinite;
          animation: falling-drop-two 1.90s infinite;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.rain-cloud .raindrop-three {
  -webkit-animation: falling-drop-three 1.80s infinite;
          animation: falling-drop-three 1.80s infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes falling-drop-one {
  0% {
    -webkit-transform: translateY(-2.1875rem);
            transform: translateY(-2.1875rem);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(-0.9375rem);
            transform: translateY(-0.9375rem);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(6.25rem);
            transform: translateY(6.25rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-2.1875rem);
            transform: translateY(-2.1875rem);
    opacity: 0;
  }
}

@keyframes falling-drop-one {
  0% {
    -webkit-transform: translateY(-2.1875rem);
            transform: translateY(-2.1875rem);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(-0.9375rem);
            transform: translateY(-0.9375rem);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(6.25rem);
            transform: translateY(6.25rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-2.1875rem);
            transform: translateY(-2.1875rem);
    opacity: 0;
  }
}

@-webkit-keyframes falling-drop-two {
  0% {
    -webkit-transform: translateY(-6.5625rem);
            transform: translateY(-6.5625rem);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(-5.3125rem);
            transform: translateY(-5.3125rem);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(0.3125rem);
            transform: translateY(0.3125rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-6.5625rem);
            transform: translateY(-6.5625rem);
    opacity: 0;
  }
}

@keyframes falling-drop-two {
  0% {
    -webkit-transform: translateY(-6.5625rem);
            transform: translateY(-6.5625rem);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(-5.3125rem);
            transform: translateY(-5.3125rem);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(0.3125rem);
            transform: translateY(0.3125rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-6.5625rem);
            transform: translateY(-6.5625rem);
    opacity: 0;
  }
}

@-webkit-keyframes falling-drop-three {
  0% {
    -webkit-transform: translateY(-6.5625rem);
            transform: translateY(-6.5625rem);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(-5.3125rem);
            transform: translateY(-5.3125rem);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(2.1875rem);
            transform: translateY(2.1875rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-6.5625rem);
            transform: translateY(-6.5625rem);
    opacity: 0;
  }
}

@keyframes falling-drop-three {
  0% {
    -webkit-transform: translateY(-6.5625rem);
            transform: translateY(-6.5625rem);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(-5.3125rem);
            transform: translateY(-5.3125rem);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(2.1875rem);
            transform: translateY(2.1875rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-6.5625rem);
            transform: translateY(-6.5625rem);
    opacity: 0;
  }
}

/* Snowflake Animations */
.snow-cloud .snowflake-one,
.snow-cloud .snowflake-two,
.snow-cloud .snowflake-three {
  opacity: 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.snow-cloud .snowflake-one {
  -webkit-animation: falling-snow-one 4s infinite;
          animation: falling-snow-one 4s infinite;
}

.snow-cloud .snowflake-two {
  -webkit-animation: falling-snow-two 3.8s infinite;
          animation: falling-snow-two 3.8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.snow-cloud .snowflake-three {
  -webkit-animation: falling-snow-three 3.9s infinite;
          animation: falling-snow-three 3.9s infinite;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

@-webkit-keyframes falling-snow-one {
  0% {
    -webkit-transform: translateY(-4.0625rem) rotate(0);
            transform: translateY(-4.0625rem) rotate(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-0.625rem) translateX(1.875rem) rotate(-30deg);
            transform: translateY(-0.625rem) translateX(1.875rem) rotate(-30deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(2.8125rem) translateX(-1.875rem) rotate(30deg);
            transform: translateY(2.8125rem) translateX(-1.875rem) rotate(30deg);
  }
  50% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(6.25rem) translateX(1.875rem) rotate(-30deg);
            transform: translateY(6.25rem) translateX(1.875rem) rotate(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-4.0625rem);
            transform: translateY(-4.0625rem);
    opacity: 0;
  }
}

@keyframes falling-snow-one {
  0% {
    -webkit-transform: translateY(-4.0625rem) rotate(0);
            transform: translateY(-4.0625rem) rotate(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-0.625rem) translateX(1.875rem) rotate(-30deg);
            transform: translateY(-0.625rem) translateX(1.875rem) rotate(-30deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(2.8125rem) translateX(-1.875rem) rotate(30deg);
            transform: translateY(2.8125rem) translateX(-1.875rem) rotate(30deg);
  }
  50% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(6.25rem) translateX(1.875rem) rotate(-30deg);
            transform: translateY(6.25rem) translateX(1.875rem) rotate(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-4.0625rem);
            transform: translateY(-4.0625rem);
    opacity: 0;
  }
}

@-webkit-keyframes falling-snow-two {
  0% {
    -webkit-transform: translateY(-4.6875rem) rotate(0);
            transform: translateY(-4.6875rem) rotate(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-2.8125rem) translateX(2.5rem) rotate(-30deg);
            transform: translateY(-2.8125rem) translateX(2.5rem) rotate(-30deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(0.3125rem) translateX(-2.5rem) rotate(30deg);
            transform: translateY(0.3125rem) translateX(-2.5rem) rotate(30deg);
  }
  50% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(1.875rem) translateX(1.25rem) rotate(-30deg);
            transform: translateY(1.875rem) translateX(1.25rem) rotate(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-4.6875rem);
            transform: translateY(-4.6875rem);
    opacity: 0;
  }
}

@keyframes falling-snow-two {
  0% {
    -webkit-transform: translateY(-4.6875rem) rotate(0);
            transform: translateY(-4.6875rem) rotate(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-2.8125rem) translateX(2.5rem) rotate(-30deg);
            transform: translateY(-2.8125rem) translateX(2.5rem) rotate(-30deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(0.3125rem) translateX(-2.5rem) rotate(30deg);
            transform: translateY(0.3125rem) translateX(-2.5rem) rotate(30deg);
  }
  50% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(1.875rem) translateX(1.25rem) rotate(-30deg);
            transform: translateY(1.875rem) translateX(1.25rem) rotate(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-4.6875rem);
            transform: translateY(-4.6875rem);
    opacity: 0;
  }
}

@-webkit-keyframes falling-snow-three {
  0% {
    -webkit-transform: translateY(-5.3125rem) rotate(0);
            transform: translateY(-5.3125rem) rotate(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-0.625rem) translateX(-1.875rem) rotate(30deg);
            transform: translateY(-0.625rem) translateX(-1.875rem) rotate(30deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(1.5625rem) translateX(1.875rem) rotate(-30deg);
            transform: translateY(1.5625rem) translateX(1.875rem) rotate(-30deg);
  }
  50% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(3.75rem) translateX(-1.875rem) rotate(30deg);
            transform: translateY(3.75rem) translateX(-1.875rem) rotate(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-5.3125rem);
            transform: translateY(-5.3125rem);
    opacity: 0;
  }
}

@keyframes falling-snow-three {
  0% {
    -webkit-transform: translateY(-5.3125rem) rotate(0);
            transform: translateY(-5.3125rem) rotate(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-0.625rem) translateX(-1.875rem) rotate(30deg);
            transform: translateY(-0.625rem) translateX(-1.875rem) rotate(30deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(1.5625rem) translateX(1.875rem) rotate(-30deg);
            transform: translateY(1.5625rem) translateX(1.875rem) rotate(-30deg);
  }
  50% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(3.75rem) translateX(-1.875rem) rotate(30deg);
            transform: translateY(3.75rem) translateX(-1.875rem) rotate(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-5.3125rem);
            transform: translateY(-5.3125rem);
    opacity: 0;
  }
}

/* Sunny Cloud Animations */
.sun-cloud .sun-half {
  -webkit-animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
          animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.sun-cloud .ray-one {
  -webkit-animation: ray-show-one 4s infinite linear;
          animation: ray-show-one 4s infinite linear;
  -webkit-transform-origin: center right;
          transform-origin: center right;
}
.sun-cloud .ray-two {
  -webkit-animation: ray-show-two 4s infinite linear;
          animation: ray-show-two 4s infinite linear;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
.sun-cloud .ray-three {
  -webkit-animation: ray-show-three 4s infinite linear;
          animation: ray-show-three 4s infinite linear;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.sun-cloud .ray-four {
  -webkit-animation: ray-show-four 4s infinite linear;
          animation: ray-show-four 4s infinite linear;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
.sun-cloud .ray-five {
  -webkit-animation: ray-show-five 4s infinite linear;
          animation: ray-show-five 4s infinite linear;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}

@-webkit-keyframes sun-grow {
  0%, 90%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  15%, 80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes sun-grow {
  0%, 90%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  15%, 80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes ray-show-one {
  0%, 15%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  20%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-one {
  0%, 15%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  20%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes ray-show-two {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  25%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-two {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  25%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes ray-show-three {
  0%, 25%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  30%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-three {
  0%, 25%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  30%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes ray-show-four {
  0%, 30%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  35%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-four {
  0%, 30%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  35%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes ray-show-five {
  0%, 35%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  40%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-five {
  0%, 35%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  40%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes ray-show-six {
  0%, 40%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  45%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-six {
  0%, 40%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  45%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes ray-show-seven {
  0%, 45%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  50%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-seven {
  0%, 45%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  50%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes ray-show-eight {
  0%, 50%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  55%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ray-show-eight {
  0%, 50%, 80%, 100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  55%, 70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* Sunshine Animation */
/* If only using this animation be sure to grab the sun-grow and ray-show-x keyframes set above */
.sunshine .sun-full {
  -webkit-animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
          animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.sunshine .sun-ray-one {
  -webkit-animation: ray-show-one 4s infinite ease-in;
          animation: ray-show-one 4s infinite ease-in;
  -webkit-transform-origin: center right;
          transform-origin: center right;
}

.sunshine .sun-ray-two {
  -webkit-animation: ray-show-two 4s infinite ease-in;
          animation: ray-show-two 4s infinite ease-in;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.sunshine .sun-ray-three {
  -webkit-animation: ray-show-three 4s infinite ease-in;
          animation: ray-show-three 4s infinite ease-in;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.sunshine .sun-ray-four {
  -webkit-animation: ray-show-four 4s infinite ease-in;
          animation: ray-show-four 4s infinite ease-in;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.sunshine .sun-ray-five {
  -webkit-animation: ray-show-five 4s infinite ease-in;
          animation: ray-show-five 4s infinite ease-in;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}

.sunshine .sun-ray-six {
  -webkit-animation: ray-show-six 4s infinite ease-in;
          animation: ray-show-six 4s infinite ease-in;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.sunshine .sun-ray-seven {
  -webkit-animation: ray-show-seven 4s infinite ease-in;
          animation: ray-show-seven 4s infinite ease-in;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

.sunshine .sun-ray-eight {
  -webkit-animation: ray-show-eight 4s infinite ease-in;
          animation: ray-show-eight 4s infinite ease-in;
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

/* Windy Cloud Animation */
.windy-cloud .cloud-wrap {
  -webkit-animation: bob 2s infinite cubic-bezier(0,0,.5,1.5);
          animation: bob 2s infinite cubic-bezier(0,0,.5,1.5);
}
.windy-cloud .cloud {
  -webkit-animation: cloud-push 4s infinite;
          animation: cloud-push 4s infinite;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.windy-cloud .wind-one {
  -webkit-animation: wind-slide-one 4s infinite;
          animation: wind-slide-one 4s infinite;
}
.windy-cloud .wind-two {
  -webkit-animation: wind-slide-two 4s infinite;
          animation: wind-slide-two 4s infinite;
}
.windy-cloud .wind-three {
  -webkit-animation: wind-slide-three 4s infinite;
          animation: wind-slide-three 4s infinite;
}

@-webkit-keyframes bob {
  0%, 100% {
    -webkit-transform: translateY(0.625rem);
            transform: translateY(0.625rem);
  }
  50% {
    -webkit-transform: translateY(-0.625rem);
            transform: translateY(-0.625rem);
  }
}

@keyframes bob {
  0%, 100% {
    -webkit-transform: translateY(0.625rem);
            transform: translateY(0.625rem);
  }
  50% {
    -webkit-transform: translateY(-0.625rem);
            transform: translateY(-0.625rem);
  }
}

@-webkit-keyframes cloud-push {
  0%, 80%, 100% {
    -webkit-transform: translateX(-7.5rem) scale(1.2);
            transform: translateX(-7.5rem) scale(1.2);
  }
  10%, 60% {
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
  }
}

@keyframes cloud-push {
  0%, 80%, 100% {
    -webkit-transform: translateX(-7.5rem) scale(1.2);
            transform: translateX(-7.5rem) scale(1.2);
  }
  10%, 60% {
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
  }
}

@-webkit-keyframes wind-slide-one {
  0%, 70%, 100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
  10%, 60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes wind-slide-one {
  0%, 70%, 100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
  10%, 60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}

@-webkit-keyframes wind-slide-two {
  0%, 70%, 100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
  10%, 60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes wind-slide-two {
  0%, 70%, 100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
  10%, 60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}

@-webkit-keyframes wind-slide-three {
  0%, 70%, 100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
  10%, 60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes wind-slide-three {
  0%, 70%, 100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
  10%, 60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}